page {
    background-color: #fff;

    .sort {

        .header {
            box-sizing: border-box;
            height: 94rpx;
            border-bottom: #E5E5E5;
        }

        .content {
            display: flex;
            height: calc(100vh - 94rpx);

            .aside {
                width: 200rpx;
                flex: none;
                height: 100%;

                .one-item {
                    position: relative;
                    text-align: center;
                    padding: 26rpx 10rpx;

                    &.active {
                        color: #E5E5E5;
                        font-size: 26rpx;
                        font-weight: bold;
                    }

                    .active-line {
                        position: absolute;
                        width: 6rpx;
                        height: 30rpx;
                        left: 4rpx;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
            }

            .main {
                height: 100%;
                flex: 1;

                .main-wrap {
                    padding: 0 24rpx;

                    .two-item {
                        border-radius: 10rpx;

                        .title {
                            height: 90rpx;

                            .line {
                                width: 40rpx;
                                height: 1px;
                                background-color: #BBBBBB;
                            }
                        }

                        .three-list {
                            align-items: flex-start;

                            .three-item {
                                width: 33%;

                                .text {
                                    text-align: center;
                                }
                            }
                        }

                    }
                }
            }
        }
    }
}


.sort .header .search {
    flex: 1;
    height: 60rpx;
}

.sort .header .search input {
    flex: 1;
    height: 100%;
}